import styled from 'styled-components';

export const LoginWrapper=styled.div`
  position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 56px;
    background: #eee;
    z-index: 0;
`;
export const LoginBox=styled.div`
   width: 400px;
    height: 200px;
    padding-top:20px;
    margin: 80px auto;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
`;
export const LoginInput=styled.input`
    //要使input居中，必须将input变成块元素
    display:block;
     width: 200px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 10px auto;
     color:#777;
`;
export const LoginBtn=styled.div`
      width: 220px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #3194d0;
    color: #fff;
    margin: 15px auto;
    border-radius: 15px;
`;
